<extend name="Public/common"/>
<block name="othercss">


    <style>

        body{

            background:#f8f8f8;

        }

        .member-data-bg{


            background-size: 100% 180px;
            background-color:#d6192c;
            background-image: url("__PUBLIC__/phone/images/sbw.png");
            height:180px;
            border-radius:5px;


        }

        .member-data-bg ul  li{


            float:left;
            width:calc(100%/3);
            text-align: center;
            margin-top:30px;


        }

        .member-data-bg ul  li a{

            color:#FFF;
            font-size:12px;
        }


        .am-row{

            display: flex;
            flex-direction: row;

        }

        .am-column{

            display: flex;
            flex-direction: column;

        }

        .am-sp{

            justify-content:space-between;
        }

        .member-meu-body{
            margin-top:22px;

        }

        .member-meu-body li{

            float:left;
            width:calc(100%/5);
            font-size:12px;

        }

        .meu-icon{

            width:25px;
            height:25px;
            margin:auto;
            margin-bottom: 5px;
        }

        .member-bg-block{

            display:flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 12px;

        }

        .bk-item{


            width:24%;
            height: 91px;
            background:#FFF;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            align-items: center;
            font-size:14px;
            line-height: 30px;
            color:rgb(1,1,1);
            margin-bottom: 5px;

        }

        .bk-icon{

            width: 23px;
            height: 23px;

        }

    </style>


</block>
<block name="header">


</block>
<block name="body">


<div style="padding-bottom: 100px">

    <div style="padding: 10px 15px;background:#FFF;">





        <!--头部部分-->
        <div  class="member-data-bg" style="padding:0 15px;">



            <!--设置按钮部分-->
            <div style="padding-top:18px;display:flex;flex-direction: row;justify-content: flex-end;">

            <a href="{:urlrotue('Member/edit')}">
                <image  style="width:20px;height:20px;" src="__PUBLIC__/phone/images/9-settings.png"></image>
            </a>

            </div>

            <!--头像昵称部分-->
            <div style="height:50px;display:flex;flex-direction: row;">

                <img src="__ROOT__{$headpic}" id="left_headpic" onerror='this.src="{$theme_path}/images/h1.jpg"' style="border-radius: 100%" width="50px"/>

                <h4 style="line-height: 50px;color: #ffffff;margin-left: 22px;font-size: 18px;">{$member_arr.member_name}</h4>

            </div>


            <!--个人资料-->
            
            <ul>

                <li>
                    <a href="{:urlrotue('Member/point')}">
                    <div style="font-size:18px;color:#FFF;">{$point}</div>
                    我的积分
                    </a>
                </li>

                <li>
                    <a href="{:urlrotue('Member/youhui')}">
                        <div style="font-size:18px;color:#FFF;">{$yhj}</div>
                        优惠券
                    </a>
                </li>

                <li>
                    <a href="{:urlrotue('Member/myfav')}">
                        <div style="font-size:18px;color:#FFF;">{$storage}</div>
                        我的收藏
                    </a>
                </li>

            </ul>

        </div>


        <!--功能菜单栏-->

        <div class="member-meu-header am-row am-sp" style="margin-top:15px;">

            <h3>我的订单</h3>

            <a href="{:urlrotue('Member/myorder')}">
            <div class="am-row">

            <h4>查看全部</h4>

             <div style="display:flex;flex-direction: column;justify-content: center;">
                <image style="width:13px;height:13px;" src="__PUBLIC__/phone/images/9-more.png"></image>
             </div>

            </div>
            </a>

        </div>

        <div class="member-meu-body am-row am-sp">


            <a href="{:urlrotue('Member/myorder?status_mark=1')}">
                <div class="am-column">
                <image class="meu-icon" src="__PUBLIC__/phone/images/9-1-wallet.png"></image>
                    <span href="">待付款</span>
                </div>
            </a>


            <a href="{:urlrotue('Member/myorder?status_mark=3')}">
            <div class="am-column">
                <image  class="meu-icon" src="__PUBLIC__/phone/images/9-1-shipment.png"></image>
                <span href="">待发货</span>
            </div>
            </a>

            <a href="{:urlrotue('Member/myorder?status_mark=4')}">
            <div class="am-column">
                <image  class="meu-icon"  src="__PUBLIC__/phone/images/9-1-vehicle.png"></image>
                <span href="">待收货</span>
            </div>
            </a>

            <a href="{:urlrotue('Member/myorder?status_mark=5')}">
            <div class="am-column">
                <image   class="meu-icon" src="__PUBLIC__/phone/images/9-1-evaluate.png"></image>
                <span href="">待评价</span>
            </div>
            </a>

            <a href="{:urlrotue('Member/tuihuan')}">
            <div class="am-column">
                <image   class="meu-icon" src="__PUBLIC__/phone/images/9-1-money.png"></image>
                <span href="">退款 / 退货</span>
            </div>
            </a>


        </div>




    </div>


    <div class="member-bg-block">


        <a  class="bk-item"href="{:urlrotue('Member/address')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-address.png"></image>
            收货地址
        </a>


        <a  class="bk-item" href="{:urlrotue('Member/search_list')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-browse.png"></image>
            浏览记录
        </a>


        <a  class="bk-item" href="{:urlrotue('Member/youhui')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-discount.png"></image>
            优惠券
        </a>

        <a  class="bk-item" href="{:urlrotue('Member/message')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-news.png"></image>
            我的消息
        </a>


        <a  class="bk-item" href="#">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-headset.png"></image>
            在线客服
        </a>


        <a  class="bk-item" href="{:urlrotue('Member/feedback')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-headset.png"></image>
            意见反馈
        </a>


        <a  class="bk-item" href="{:urlrotue('Extension/index')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-distribution.png"></image>
            百宝树
        </a>


        <a  class="bk-item" href="{:urlrotue('Help/index')}">
            <image  class="bk-icon" src="__PUBLIC__/phone/images/9-2-distribution.png"></image>
            帮助中心
        </a>

    </div>
</div>



</block>
<block name="otherjs">
</block>

